<template>
  <div v-loading="fullscreenLoading"
    element-loading-text="拼命加载中"
    element-loading-spinner="el-icon-loading"
    element-loading-background="rgba(255, 255, 255, 1)" style="height: -webkit-fill-available;">
    <!-- <template v-if="!fullscreenLoading">
      <viewBox body-padding-bottom="55px" style="width:100%;position:fixed;left:0;top:0;z-index:100;max-width: 640px;overflow-x: hidden;"> -->
        <keep-alive>
          <router-view></router-view>
        </keep-alive>
        <Footer />
      <!-- </viewBox>
    </template> -->
  </div>
</template>



<script>
import { Loading, TransferDom, ViewBox } from 'vux'
import Footer from '@/components/common/footer'
export default {
  name: 'index',
  directives: {
    TransferDom
  },
  components: {
    Footer, Loading, ViewBox
  },
  data () {
    return {
      menuList: null,
      fullscreenLoading: true
    }
  },
  created () {
    this.getMenuList()
  },
  methods: {
    getMenuList () {
      setTimeout(() => {
        this.fullscreenLoading = false
      }, parseInt(Math.random() * 1000))
    }
  }
}
</script>
<style>


</style>

